<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head profile="http://gmpg.org/xfn/11">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Short URL</title>
	</head>
	<body>
	<div class="container">
		<div class="top">
			<h1><a href="">Short URL</a></h1>
		</div>
		<div class="center">
			<div class="content">
				<a href="${shorturl}">${shorturl}</a>
				<div style="font-color:red">${error}</div>
				<form name="su" action="/" method="post" >
					<input type="text" name="longurl" value=""/>
					<input type="submit" name="create" value="shorten" />
				</form>
				<table border="1" style="border: #b8b8b8 1px solid; BORDER-COLLAPSE: collapse;table-layout:fixed;width:1000px">
					<thead><td style="width: 200px">SHORT URL</td><td style="text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:600px">LONG URL</td><td style="width: 200px">ACCESS TIMES</td></thead>
					#{list items:recentlist, as:'recentShortUrlOpCode' }
        			<tr>
        				<td><a href="${shortUrlPrefix}${recentShortUrlOpCode.opCode}">${shortUrlPrefix}${recentShortUrlOpCode.opCode}</a></td>
        				<td style="text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:600px"><a href="${recentShortUrlOpCode.longUrl}">${recentShortUrlOpCode.longUrl}</a></td>
        				<td>${recentShortUrlOpCode.accessTimes}</td>
        			</tr>
    				#{/list}
    			</table>
			</div>
			<div class="bottom">
			</div>
		</div>
		<div class="footer"></div>
	</div>
</body>
</html>